<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>History对象</title>
    </head>
    <body>
        <!--
        History对象:
        1.创建(获取)
            1.window.history
            2.history
        2.方法:
            back():  加载history列表中的前一个URL
            forward():加载history列表中的后一个URL
            go(参数): 加载history列表中某个具体的页面
                     参数:正数:前进几个历史记录
                         负数:后退几个历史记录
         3.属性
            length:返回当前窗口历史列表中的URL数量.
        -->
        <input type="button" id="btn" value="获取历史记录个数">

        <input type="button" id="forward" value="前进">
        <input type="button" id="go" value="go">

        <script>
            document.getElementById("btn").onclick = function () {
                var length=history.length;
                alert(length);

            }

            document.getElementById("forward").onclick = function () {
                history.forward()

            }
            document.getElementById("go").onclick = function () {
                history.go(2);

            }


        </script>
    </body>
</html>